<template>
    <Modal
            class-name="vertical-center-modal"
            v-model="modal"
            :width="60"
            :title="head_title">
        <div class="row" v-if="info.id">
            <div class="col-md-12">
                <h3><b class="text-danger">{{info.title}}</b></h3>
                <table class="table table-hover table-detail">
                    <tbody>
                    <tr><td class="text-right">主题：</td><td class="text-left">{{info.title}}</td></tr>
                    <tr><td class="text-right">简介：</td><td class="text-left">{{info.content}}</td></tr>
                    <tr><td class="text-right">地址：</td><td class="text-left">{{info.address}}</td></tr>
                    <tr><td class="text-right">开始时间：</td><td class="text-left">{{info.start_at}}</td></tr>
                    <tr><td class="text-right">结束时间：</td><td class="text-left">{{info.end_at}}</td></tr>
                    <tr><td class="text-right">参会人员模板：</td><td class="text-left  no-h-bg">
                        <file-upload p-dir='mee' :p-data='info.template_people_array' :p-del='false' :p-count='1'></file-upload>
                    </td></tr>
                    <tr><td class="text-right">附件：</td><td class="text-left no-h-bg">
                        <file-upload p-dir='mee' :p-data='info.file_array' :p-del='false' :p-count='3'></file-upload>
                    </td></tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div slot="footer">
            <button class="btn btn-danger" type="button" @click='cancel'>关闭</Button>
        </div>
    </Modal>
</template>
<script>
    import serConference from '../../serves/api-conference'
    const setDataDef = {};
    export default{
        props:{

        },
        data () {
            return {
                modal:false,
                info:{},
            }
        },
        computed:{
            head_title(){
                return '会议详情'
            },
        },
        methods: {
            async handleOpen(data){
                let res = await serConference.detail({
                    id:data.id
                });
                if(res.code==1){
                    this.info = Object.assign({},res.data,setDataDef);
                }else{
                    this.$Message.error(res.message);
                }
                this.$set(this,'modal',true);
            },
            cancel () {
                this.$emit('on-change',false);
                this.$set(this,'modal',false);
            },

        },
        components:{
        }
    }
</script>